.bg-FF9B21-10 {
  background-color: rgba(255, 155, 33, 0.1);
}

.bg-FF4040-10 {
  background-color: rgba(255, 64, 64, 0.1);
}

.bg-FF4040-70 {
  background-color: rgba(255, 64, 64, 0.7);
}

.bg-30C9A1-10 {
  background-color: rgba(48, 201, 161, 0.1);
}

.bg-71C0FA-10 {
  background-color: rgba(113, 192, 250, 0.1);
}

.bg-F8AC23-10 {
  background-color: rgba(248, 172, 35, 0.1);
}

.bg-51C3FF-10 {
  background-color: rgba(81, 195, 255, 0.1);
}

.bg-51C3FF-20 {
  background-color: rgba(81, 195, 255, 0.2);
}

.bg-51C3FF-70 {
  background-color:rgba(0, 167, 255, 0.70);
  
}

button[type='primary'] {
  background-color: #51c3ff;
}

input {
  background: none;
  border: none;
  outline: none;
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

// el-message
.el-message {
  font-size: 24px;
}

// el-loading
.el-loading-spinner {
  margin-top: 0 !important;
  transform: translateY(-50%);
  font-size: 0.5rem;

  i {
    color: #51c3ff;
  }

  .el-loading-text {
    color: #51c3ff;
  }
}


// el-button
.el-button {
  line-height: 1 !important;
}

// el-input
.el-input {
  input {
    height: 44px;
  }

  .el-input__inner {
    font-size: 20px;

    &::placeholder {
      color: #333;
      line-height: 44px;
    }
  }
}

// el-checkbox
.el-checkbox {
  display: flex;
  align-items: center;

  .el-checkbox__input {
    height: 19px;

    .el-checkbox__inner {
      width: 19px;
      height: 19px;
    }

    .el-checkbox__inner::after {
      left: 40%;
      top: 20%;
    }
  }

  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #333;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #51c3ff !important;
    border-color: #51c3ff;
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #51c3ff !important;
    border-color: #51c3ff;
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 50%;
  }

  .el-checkbox__label {
    font-size: 20px;
    color: #333;
  }
}

// el-radio
.el-radio {
  .el-radio__input.is-checked .el-radio__inner {
    border-color: #51c3ff;
    background: #51c3ff;
  }
}

// el-tree
.el-tree {

  .el-tree-node {
    .el-tree-node__content {
      margin-bottom: 6px;

      .el-tree-node__expand-icon {
        font-size: 18px;
      }

      .el-tree-node__label {
        font-size: 18px;
        line-height: 18px;
      }
    }
  }
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background: transparent;


  .el-tree-node__label {
    color: #51c3ff;
  }
}

// el-select
.el-select-dropdown {

  .el-select-dropdown__item {
    font-size: 18px;
    height: 40px;
    line-height: 40px;

    &.selected {
      color: #51c3ff;
    }
  }
}